<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- The following comment ("The Mark of the Web") disables the "information bar" in IE with XP SP2. -->
<!-- saved from url=(0014)about:internet -->
<html>
<head>
    <title>ActionStrip Demo</title>

    <link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css" />
    <link rel="stylesheet" type="text/css" href="../ext/examples/ux/css/ux-all.css" />

    <link rel="stylesheet" type="text/css" href="../Wdg/ActionStrip/ActionStrip.css" />
    <link rel="stylesheet" type="text/css" href="../Wdg/Forms.css" />
    <link rel="stylesheet" type="text/css" href="../Wdg/InfoBar/InfoBar.css" />

    <style type="text/css">
        .rowAction1 {
            background-image: url(../ext/resources/images/default/form/exclamation.gif);
        }
        .rowAction2 {
            background-image: url(calc.gif);
        }
        .rowAction3 {
            background-image: url(dice.gif);
        }
        .rowAction4 {
            background-image: url(lightbulb.gif);
        }
        .rowAction5 {
            background-image: url(lock.gif);
        }
        .rowAction6 {
            background-image: url(beaker.gif);
        }
        .rowAction7 {
            background-image: url(disc.gif);
        }
        .rowAction8 {
            background-image: url(keys.gif);
        }
        .rowAction9 {
            background-image: url(exclamation.gif);
        }
        .rowAction10 {
            background-image: url(gear.gif);
        }
        .rowAction11 {
            background-image: url(hand.gif);
        }
        .rowAction12 {
            background-image: url(world.gif);
        }

        .wdg-actionstrip-item {
            opacity: 0.7;
        }

        .wdg-actionstrip-item:hover {
            opacity: 1;
        }
    </style>

    <!-- ***************************************** -->

    <script src="../ext/adapter/ext/ext-base.js" type="text/javascript"></script>
    <script src="../ext/ext-all-debug.js" type="text/javascript"></script>
    <script src="../ext/examples/ux/ux-all-debug.js" type="text/javascript"></script>

    <script type="text/javascript">
        Ext.BLANK_IMAGE_URL = "../ext/resources/images/default/s.gif";
    </script>
    
    <script src="../Wdg/WdgCore.js" type="text/javascript"></script>
    <script src="../Wdg/ActionStrip/ActionStrip.js" type="text/javascript"></script>
    <script src="../Wdg/InfoBar/InfoBar.js" type="text/javascript"></script>
    <script src="../Wdg/TreeGrid/TreeGrid.js" type="text/javascript"></script>
    <script src="../Wdg/Forms.js" type="text/javascript"></script>

    <script src="ActionStripDemo.js" type="text/javascript"></script>

</head>

<body>
</body>

</html>
